<template>
  <div id="Init">
    <!-- <top class="top"></top> -->
    <!-- <transition> -->
      <router-view></router-view>
    <!-- </transition> -->
    <bottom></bottom>
  </div>
</template>

<script>
  import Top from '../components/layouts/top.vue'
  import Bottom from '../components/layouts/bottom.vue'
  export default {
    components: { Top, Bottom},
    // watch: {  
    //         $route(to, from) {  
    //           console.log("路由监听")
    //             console.log(to);  
    //             console.log(from);  
    //         }  
    //     },
        // created(){
        //   this.$router.beforeEach((to, from, next) => {
        //       console.log("路由监听")
            
        //       console.log(to);
        //       next();
        //   });
        // }
  }
</script>

<style>
  html, body {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    background: #f4f4f4
  }
  #Init .top{margin-bottom: 46px;}
</style>
